@base: #ddd;

body {
  background: @base;
}

:focus {
  outline: none;
}

.skin-blue .main-header .logo {
  background-color: @brand-primary;
}
.content-wrapper > .main-ui-view {
  margin-bottom: 0 !important;
  > div[ui-view] {
    padding-bottom: 10px;
  }
}
footer.main-footer {
  border: none;
}

// btn reset
.btn {
  min-width: 80px;
  font-size: 14px;
  padding: 4px 12px;
}
.btn-lg {
  border-radius: @btn-lg-border-radius;
  font-size: @btn-lg-font-size;
  height: 44px;
  padding-left: 42px;
  padding-right: 42px;
}
.btn-sm {
  border-radius: @btn-sm-border-radius;
  font-size: @btn-sm-font-size;
  height: 36px;
  padding-left: 30px;
  padding-right: 30px;
  
}
.btn-xs {
  border-radius: @btn-xs-border-radius;
  height: 30px;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    pointer-events: none;
    cursor: not-allowed;
}

.btn:focus, .btn:active:focus {
  outline: none;
}

// .btn-primary.reverse {
//   background-color: transparent;
//   color: @light-blue;
//   border-color: darken(@light-blue, 5%);
//   &:hover, &:active, &:active,&.hover {
//     background-color: transparent;
//     color: darken(@light-blue, 5%);
//   }
// }
.btn-primary {
  border: 0;
  padding-top: 5px;
  padding-bottom: 5px;

  &:hover {
    background-color: #047ea8;
  }
  &:focus {
    background-color: #196b93;
  }
}
  
.btn-primary.reverse {
  padding-top: 4px;
  padding-bottom: 4px;
  border-width: 1px;
  border-style: solid;
  background-color: #FFF;
  color: @light-blue;
  border-color: @light-blue;
  &:hover{
    background-color: #FFF;
    color: #18697f;
    border-color: #18697f;
  }
  &:focus, &:active, &:active:focus {
    background-color: #e1f2f4;
    color: #18697f;
    border-color: #18697f;
  }
}

// 重置form-group

.form-group {
  margin-bottom: 20px;
    @media (max-width: @grid-float-breakpoint-max) {
      margin-bottom: 20px;

      &:last-child {
        margin-bottom: 0;
      }
    }
  }

input.form-control {
  height: 32px;
  padding: 4px 10px;
}
input {
  height: 32px; 
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid #ddd;
  color:#333;
}

label {
  margin: 0 10px 0 0;
}

textarea {
  border: 1px solid #ddd;
	color:#333;
}

// modal reset
.modal-header {
  padding: 10px 20px;
  border-bottom: 2px solid @brand-primary;

  h4 {
    font-family: "Hiragino Sans GB", "STHeitiSC-Light", "Microsoft YaHei", Avenir, Verdana, Arial, sans-serif !important;
    font-size: 16px;
    font-weight: 700;
    color: #000;
  }

  button.close {
    margin-top: 0;
    font-size: 20px;
    opacity: .5
  }
}

.modal-body {
  padding: 20px;
  
  .alert-title {
    font-weight: 700;

    > i {
      font-size: 20px;
      position: relative;
      top: 3px;
      margin-right: 10px;
      vertical-align: middle;
    }
  }

  > .alert-content > pre {
    background: transparent;
    border: none;
    font-size: 14px;
    padding: 0;
    color: @font-title-color;
  }
}

.modal-footer {
  padding: 20px;
  border: none;
}

.alert-modal.modal-dialog {
  .modal-body {
    padding: 36px 30px 0;

    > .alert-content > pre { 
      margin-left: 34px;
    }
  }
}

.content-header {
  > h1 {
    font-size: 28px;
  }
  > h1, > h2, > h3 {
    font-weight: 700;
  }
}

.box {
  border: 1px solid @box-border-color;
  border-radius: 0;
  box-shadow: none;
  margin-top: 20px;
  margin-bottom: 0;
  .box-header {
    background: @panel-bg;
  }
}

// skin-blue reset
.skin-blue {
  .wrapper, .main-sidebar, .left-side {
    background: @panel-bg;
  }
  .sidebar-menu {
    > li {
      > .treeview-menu, &:hover > a, &.active > a {
        background: @panel-bg;
      }
    }
  }
}


input[type="radio"],input[type="checkbox"]{
  width: 14px;
  height: 14px;
}

.radio-inline {
    padding-right: 10px;
}

.checkbox-inline {
    padding-right: 5px;
}


.required{
    color: #f95107;
	  padding-left: 3px;
  	position: absolute;
  	right:3px;
}

.form-control{
  padding:6px 10px;
}
label{
  font-weight: normal;
}
.modal-header .modal-title{
      color: #555;
    border-left: 5px solid #11B983;
    padding-left: 10px;
    position: relative;
    left: -20px;
    font-weight:normal;
    top:3px;
}
.btn.btn-primary.reverse , .btn.btn-primary.reverse:hover{
  width:80px;
  height:26px;
  padding:0 !important;
  margin:0;
  border:1px solid #11b983;
  border-radius:2px;
  line-height:26px;
  color:#11b983;
  background:#fff;
}
.btn.btn-primary ,.btn.btn-primary:hover{
  width:80px;
  height:26px;
  padding:0 !important;
  margin:0 !important;
  border:1px solid #11b983;
  border-radius:2px;
  line-height:26px;
  background:#11b983;
  color:#fff;
}
.close span{
  color:#979797;
}
.modal-header {
  padding: 10px 20px;
  border-bottom: 2px solid #ddd;
}